<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title>head</title>
	<style>
		body{margin: 0px}
		a{text-decoration:none}
		.banner {
			width:100%;
			height:70px;
			top:0px;
			left:0px;
			position: relative;
			overflow: hidden;
			background: #fff;
			border-bottom: 1px solid rgba(30,35,42,.06);
			box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
			background-clip: content-box;
		}
		#logo {
			margin-top: 11px;
			margin-left: 42px;
			width: 115px;
			height: 46px;

		}
		.searchDiv{
			position: relative;
			top: -75px;
			left: 200px;
			height: 40px;
			width: 224px;
			border: 0px;
		}
		#search {
			position: relative;
			top: 30px;
			left: 0px;
			width: 224px;
			height: 30px;
			-webkit-border-radius:3px;
			-webkit-appearance: none;
			border-radius: 3px;
			border: 1px solid #999999;
			font-size: 13px;
			background-color: transparent;
		}
		#searchicon{
			position: relative;
			bottom: 0px;
			left: 195px;
			width: 28px;
			height: 28px;
		}
		#btnLeft{
			width: 235px;
			position: absolute;
			right: 12.6%;
			top: 20px;
		}
		#hpBtn{
			width: 112px;
			height: 30px;
			-webkit-border-radius:3px;
			-webkit-appearance: none;
			border-radius: 3px;
			border: 1px solid #999999;
			background-color: white;
			font: normal 15px 微软雅黑 ;
			color: #666666;
			float: right;
		}
		#ppBtn{
			margin-right: 7px;
			float: right;
			width: 112px;
			height: 30px;
			-webkit-border-radius:3px;
			-webkit-appearance: none;
			border-radius: 3px;
			border: 1px solid #999999;
			background-color: white;
			font: normal 15px 微软雅黑 ;
			color: #666666;
		}
</style>
</head>
<body>
<div class="banner">
	<img src="logologin.png" id="logo"/>
	<div class="searchDiv">
		<input type="text" name="keyword" id="search" placeholder=" 请输入您要搜索的关键字">
		<a href="https://www.baidu.com"><img src="搜索.png" id="searchicon" /></a>
	</div>
	<div id="btnLeft">
		<input type="button" name="homepage" id="hpBtn" value="个人中心">
		<input type="button" name="homepage" id="ppBtn" value="首页">
	</div>
</div>
</body>
</html>
